<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" />
<title>房型列表</title>
<link href="resources/css/hotellist.css" type="text/css" rel="stylesheet"/>
<style type="">
body{margin:8px;background:#E4E4E4;}
#room_info div{margin:8px 0 5px -5px;background:#09F;width:120px;color:#fff;font: bold 15px Arial, Helvetica;vertical-align:middle;text-align:center;padding:10px; }
#room_list ul {
	display:inline-block;
	width:100%;
	margin-top:5px;
	border-bottom:1px #e8ebef solid;
}
#room_list ul li{
	padding:5px 0;
	float:left;
}
.roompic{width:23%; text-align:center;}
.roomdp{width:40%;}
.roomdp dt{margin-top:2px;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.roomprice{ 
	width:17%; 
	text-align:left;
	margin-top:15px;
	
}
.roomlj{ vertical-align:middle;width:20%;margin-top:10px;}
.roomlj input{   
    height: 30px;
    padding: 0;
    width: 50px;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #8f5a0a;
	margin-right:5px;
	}
.hotelname{margin-top:-10px;}

</style>
</head>

<body class="room">
    <fieldset class="bg4">
        <fieldset class="hotelname"><img src="resources/img/yitel.gif"/><span class="color02 bold size18">${hotelinfo.hotelNm }</span></fieldset>
        <div class="address"><img src="resources/img/map.png" width="19" height="22" /><span class="size12">漕宝路124号（近桂林路口）</span></div>
        <div class="date color03"><img src="resources/img/calendar.png"/>${ArrDate }<img src="resources/img/cityselect.png"/></div>
        <div class="datemargin color03 date"><img src="resources/img/calendar.png"/>${DepDate }<img src="resources/img/cityselect.png"/>  </div>
    </fieldset> 
    <fieldset class="bg2" style="margin-top:16px;">   
        <nav>
            <ul>
                <li id="a" class="color01"><dd>房型预订</dd></li>
                <li id="b" class="next"><dd>酒店详情</dd></li>
                <li id="C" class="next"><dd>客户评分</dd></li>
            </ul>
        </nav>
        <div id="room_list">
        	
        	
        	<c:forEach items="${hotelinfo.roominfo }" var="info">
        			  <ul>
		                <li class="roomname"></li>
		                <li class="roompic"><img src="resources/img/001.gif" width="56" height="58"/></li>
		                <li class="roomdp"><span class="color01 size12"><c:out value="${info.rmNm }" /> </span><dt>无早</dt><dt><img src="resources/img/price01.gif"/><img src="resources/img/price02.gif" /></dt></li>
		                <li class="roomprice"><span class="price size11">￥</span><span class="price size18 bold"><c:out value="${info.sRate1 }" /></span></li>
		                <li class="roomlj"><input type="button" id="submit" value="预订" onclick="location.href='roomcheck.html'"/></li>
		             </ul>
        	</c:forEach>
        	
        </div>
        
        <div id="room_info">
            <div>位置交通</div>
            <p>上海火车站<span>17.57公里</span><br>上海浦东国际机场<span>33.78公里</span></p>
            <div>酒店设施</div>
            <p>z</p>
            <div>酒店介绍</div>
            <p>fdsadfh</p>
        </div>
        <div id="dp">okgi
        </div>
    </fieldset>
    <div class="notice">酒店特别提示</div>
    <fieldset class="bg3">
        <p>[2013-01-09至2013－02－10］此期间预订入住酒店豪华商务房或豪华双人房，加早优惠价格为20元／份，如需要，请在下单上注明。<br>金卡会员退房延迟至14：00。</p>
    </fieldset>
</body>
</html>
